<template lang="html">
  <div class="mask mask-rules" v-if="showRules">
    <div class="mask-bg" @click="showRules = false"></div>
    <div class="mask-main">
      <h3>
        <img class="max" src="/static/pingtuan/spell_img_bg@2x.png" alt="">
      </h3>
      <div class="rules-content">
        {{ content }}
      </div>
      <div class="btn-submit" @click="showRules = false">
        知道了
      </div>
    </div>
  </div>
</template>

<script>

export default {
  props: ['content'],
  data() {
    return {
      showRules: false,
    }
  },
  created() {

  },
  methods: {
    MaskRulesEvent() {
      this.showRules = true
    }
  }
}
</script>

<style lang="scss">
@import '@/styles/pingtuan/common.scss';
</style>
